import { Result, Button } from "antd";
import { useNavigate } from "react-router-dom";
import type { NavigateFunction } from 'react-router-dom'

export default function NotFound() {
  const navigate:NavigateFunction = useNavigate();

  return (
    <Result
      status="404"
      title="404"
      subTitle="页面不存在"
      extra={
        <Button type="primary" onClick={():void => navigate("/")}>
          回到首页
        </Button>
      }
    />
  );
}
